<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前页样式 -->
		<link rel="stylesheet" href="../css/api-detail.css" />
	</head>
	<body>
		<header class="flex-c-sb b-box abs">
			<!-- 
				logo
				1.img直接写logo
				2.支持SEO 在a标签中套一个h1标签，然后给h1
				增加背景图
			 -->
			<a href="#">
				<h1></h1>
			</a>

			<!-- 导航列表 -->
			<ul class="flex-c-c fc-black">
				<li><a href="index.html">首页</a></li>
				<li class="active">
					<a href="api-index.html">API</a>
				</li>
				<li>
					<a href="api-index.html">云服务</a>
				</li>
				<li>
					<a href="customer.html">案例</a>
				</li>
				<li>
					<a href="api-index.html">开发者</a>
				</li>
			</ul>
			<!-- 按钮 -->
			<div>
				<span class="fc-black">登录</span>
				<span class="fc-white">注册有礼</span>
			</div>
		</header>
		<div id="head"></div>
		<!-- 内容 -->
		 <main>
			<section id="banner" class="rel"> 
				<!-- 粒子背景 -->
				 <div id="bannerBg" class="abs"></div> 
				<!-- 版心 -->
			 <div class="container"> 
					<!-- 图文区 -->
					 <div id="bannerCont" class="abs fr"> 
						<!-- 左边的图片 -->
						 <div id="lefttext" class="fl">
							<img src="../imgs/API_02.jpg" alt="图片加载失败" />
							<div id="lefttextone">
								<img src="../imgs/API_smallicon_01.jpg" alt="加载失败" />
								<img src="../imgs/API_smallicon_02.jpg" alt="加载失败" />
								<img src="../imgs/API_smallicon_03.jpg" alt="加载失败" />
								<p>
									<span>103</span>
									<span>14245</span>
									<span>623</span>
								</p>
							</div>
						</div> 
						<!-- 右边的文字 -->
						 <div id="righttext" class="fr"> 
							<!-- 第一行 -->
							 <p class="righttextone">
								<span>身份证实名认证</span>
								<span>支持HTTPS</span>
								<span>企业专用</span>
							</p> 
							<!-- 第二行 -->
							 <p class="righttexttwo">
								<span>
									<img src="../imgs/API03.jpg" alt="" />
									限企业实名用户使用</span
								>
								<span>
									<img src="../imgs/API08.jpg" alt="" />
									限企业实名用户使用</span
								>
								<span>
									<img src="../imgs/API05.jpg" alt="" />
									限企业实名用户使用</span
								>
							</p> 
							<!-- 第三行 -->
							 <p class="righttexther">检测姓名和身份证是否一致,身份证验证</p> 
							<!-- 第四行 -->
							 <p class="righttextfove">
								<span class="rel default">
									<img src="../imgs/API详情页_17.jpg" alt="加载失败" />
									扫码测试
									<span class="too abs">
										<img src="../imgs/wechat-white.png" alt="加载失败" />
										<span>扫码关注</span>
									</span>
								</span> 
								 <!-- <span class="active">4000次</span>
								<span>8000次</span>
								<span>40000次</span>  -->
							</p>
							<!-- 第五行 -->
							<p class="righttextfix">
								<span>￥1200</span>
								(约0.3000元/次),仅限企业实名购买 
							</p>
							<!-- 第六行按钮 -->
							 <div class="righttexteve">
								<button>立即申请</button>
							</div>
						</div>
					</div>
				</div>
			</section> 
			 <section id="document">
				<div class="container">
					<!-- 左边的 -->
						 <ul class="flex-c-se">
					<li class="active">API文档</li>
					<li>错误参照</li>
					<li>示例代码</li>
					<li>联系我们</li>
				</ul>
			</div>
			</section>
				 <section class="dis container mt-30">
					<!-- 左边的 -->
					 <div  id="leftdoc">  
					<!-- 第一板块 -->
					 <div id="port" class="on">
					<p> <strong>接口地址</strong> ：http://op.juhe.cn/idcard/query</p>
					<p> <strong>返回格式</strong> ：json</p>
					<p> <strong>请求方式</strong> ：http get/post</p>
					<p> <strong>请求示例</strong> ：http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</p>
					<p> <strong>接口备注</strong> ：error_code为0时计费</p>
					<button>API测试工具</button>
				</div>  
				<!-- 第二板块 -->
				  <div id="request">					
					<h3>请求参数说明:</h3>
					<table>
						<thead>
							<tr>
								<th>名称</th>
								<th>必填</th>
								<th>类型</th>
								<th>说明</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>idcard</td>
								<td>是</td>
								<td>string</td>
								<td>身份证号码</td>
							</tr>
							<tr>
								<td>realname</td>
								<td>是</td>
								<td>string</td>
								<td>姓名(UTF-8)</td>
							</tr>
							<tr>
								<td>orderid</td>
								<td>否</td>
								<td>int</td>
								<td>传1时返回单号，默认不返回单号(建议传入)</td>
							</tr>
							<tr>
								<td>key</td>
								<td>是</td>
								<td>string</td>
								<td>在个人中心->我的数据,接口名称上方查看</td>
							</tr>
						</tbody>
					</table>
				</div> 
				<!-- 第三版 -->
				 <div id="explain">
					<h3>返回参数说明：</h3>
					<table>
						<thead>
							<tr>
								<th>名称</th>
								<th>类型</th>
								<th>说明</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>error_code</td>		
								<td>int</td>
								<td>返回码</td>
							</tr>
							<tr>
								<td>reason</td>		
								<td>string</td>
								<td>返回说明</td>
							</tr>
							<tr>
								<td>result</td>		
								<td>object</td>
								<td>返回结果集</td>
							</tr>
							<tr>
								<td>realname</td>		
								<td>string</td>
								<td>属result,真实姓名</td>
							</tr>
							<tr>
								<td>idcard</td>		
								<td>string</td>
								<td>属result,身份证号</td>
							</tr>
							<tr>
								<td>res</td>		
								<td>int</td>
								<td>属result,匹配详情,1匹配,2不匹配</td>
							</tr>

						</tbody>
					</table>
				 </div> 
				<!-- 第四版 -->
				 <div id="liv">
					<h3>JSON返回示例：
						 <span> JSON在线格式化工具</span>
					</h3>
					<div id="livbottn">
						<p>{</p>
						<p> "reason": "成功",</p>
						<p> "result": {</p>
						<p>  "realname": "***",/*真实姓名*/</p>
						<p> "idcard": "******************",/*身份证号码*/</p>
						<p>"orderid":"J103202010151450419556",/*流水号*/</p>
						<p>  "res": 1 /*1：匹配 2：不匹配*/</p>
						<p>  },</p>
						<p> "error_code": 0</p>
						<p>}</p>
					</div>
				</div>
					</div> 
					<!-- 右边的  -->
					 <div id="rightdoc">
						 <div id="rightdocact">
							活动推荐/Activity
						</div>
						<ul id="sche">
							<li>
								<img src="../imgs/sfz-aside1.png" alt="加载失败">
							</li>
							<li>
								<img src="../imgs/details-aside02.png" alt="加载失败">
							</li>
							<li>
								<img src="../imgs/details-aside03.png" alt="加载失败">
							</li>
						</ul>
						<div  id="rightdocacs">猜你喜欢</div>
						<ul id="cacslist">
							
								<li>
									<div>
										<img src="../imgs/API22.jpg" alt="" />
									</div>
									<div>
										<span>短信API服务</span><br />
										<span>
											三网合一短信通道，验证码短信 · 系统通知 · 活动通知
										</span>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/API26.jpg" alt="" />
									</div>
									<div>
										<span>银行卡四元素校验</span><br />
										<span>
											检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。
										</span>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/API30.jpg" alt="" />
									</div>
									<div>
										<span>身份证查询</span><br />
										<span>身份证归属地信息查询身份证归属地信息查询</span>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/API33.jpg" alt="" />
									</div>
									<div>
										<span>身份证OCR识别</span><br />
										<span>
											支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
											身份证号、签发机关、有效期限，准确率98%以上
										</span>
									</div>
								</li>
								<li>
									<div>
										<img src="../imgs/API36.jpg" alt="" />
									</div>
									<div>
										<span>三网手机实名制认证</span><br />
										<span>
											支持移动、联通号码；检验姓名、身份证、手机号码是否一致。
										</span>
									</div>
								</li>
							
						</ul>
					</div> 
				</section> 
					<!-- 广告 -->
			<section id="adv" class="cf">
				<h1 class="fc-white text-c pt-80">
					现在注册,百款接口免费测试
				</h1>
				<span class="fc-white fz-12 fl">免费测试</span>
			</section>		
		</main>
		<!-- 尾部 -->
		<footer>
			<!-- 版心 -->
			<div id="footlist" class="container mt-80 cf">
				<!-- 左边的文字 -->
				<ul id="leftlist" class="fl">
					<li>
						<h3>联系与支持</h3>
						<p>400-882-7715</p>
						<p>售前咨询</p>
						<p>客服&售后</p>
						<p>常见问题</p>
						<p>极速工单</p>
						<p>投诉与建议</p>
					</li>
					<li>
						<h3>关于源码</h3>
						<p>400-882-7715</p>
						<p>合作伙伴</p>
						<p>服务条款</p>
						<p>隐私政策</p>
						<p>市场合作</p>
						<p>反商业贿赂声明</p>
					</li>
					<li>
						<h3>快速入口</h3>
						<p>400-882-7715</p>
						<p>API数据</p>
						<p>黑钻会员</p>
						<p>新闻动态</p>
						<p>联系我们</p>
						<p>加入我们</p>
					</li>
					<li>
						<h3>产品服务</h3>
						<p>400-882-7715</p>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
					<li>
						<h3>解决方案</h3>
						<p>400-882-7715</p>
						<p>云监测</p>
						<p>云查询</p>
						<p>云助手</p>
						<p>聚盒子</p>
						<p>云充值</p>
					</li>
				</ul>
				<div id="phone" class="fz-14 text-cb">
					<img src="../imgs/bei2.png" alt="加载失败" />&nbsp;
					<img
						src="../imgs/bei1.png"
						alt="加载失败"
					/>&nbsp;增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
				</div>
				<!-- 右边的文字 -->
				<div id="riglist" class="fr">
					<h3>微信公众号</h3>
					<p class="fz-14 text-cb mt-15">源码时代</p>
					<img src="../imgs/103-demo.png" alt="加载失败" class="mb-100" />
					<p class="fz-14 text-cb">源码大数据股份有限公司©版权所有</p>
				</div>
			</div>
		</footer>
		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<script src="../lib/canvas-particle.js"></script>
		<!-- 3.引入当前页JS -->
		<script src="../js/api-detail.js"></script>
	</body>
</html>
